/* 
	@author Valentino-Jivko Radosavlevici
	
	Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Lists
	#Buttons
	#Base 960 Grid
    #Tablet (Portrait)
	#Mobile (Landscape)
    #Mobile (Portrait)
    #Clearing 
*/


/* #Reset & Basics
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
body {line-height: 1; }
ol, ul {list-style-position: inside;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none; }
table {border-collapse: collapse;border-spacing: 0; }

/* #Basic Styles
================================================== */
body {-webkit-font-smoothing: antialiased !important;-moz-font-smoothing: antialiased !important;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;font-size-adjust:none;font-smooth: always;}

/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
i,em { font-style: italic; }
b,strong { font-weight: bold;}
small { font-size: 80%; }

/*	Blockquotes  */
blockquote, blockquote p {border: medium none !important;border-radius: 4px 4px 4px 4px;font-size: 1em;font-style: italic;line-height: 1.2em;outline: medium none;padding: 1em 1.2em;text-shadow: 1px 1px 0 #FFFFFF;color: inherit;position: relative;}
blockquote {box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;display: block;margin-left: auto;margin-right: auto;padding: 1em 0em 1em 2em;width: 85%;}
blockquote:before {color: #CCCCCC;content: "\201C";display: block;font-size: 4.5em;left: 0;position: absolute;top: 0.4em;font-weight: bold;}
blockquote p  {border: none;background: none;padding: 0;margin: 0;display: inline-block;}
blockquote cite {color: #333;font-size:0.8em;}blockquote cite:before {content: "\2014 \2009";}

/* #Lists
================================================== */
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }

/* #Buttons
================================================== */
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
	

/* #Base 960 Grid
================================================== */
.container{ position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,.container .columns { float: left; display: inline; margin-left: 5px; margin-right: 5px; padding:0 10px;}
.row{ margin-bottom: 20px; }
/* Nested Column Classes */
.column.alpha, .columns.alpha{ margin-left: 0; }
.column.omega, .columns.omega{ margin-right: 0; }
/* Base Grid */
.container .one.column,.container .one.columns{ width: 27px;  }
.container .two.columns{ width: 85px;}
.container .three.columns{ width: 143px; }
.container .four.columns{ width: 202px; }
.container .five.columns{ width: 260px; }
.container .six.columns{ width: 318px; }
.container .seven.columns{ width: 376px; }
.container .eight.columns{ width: 434px; }
.container .nine.columns { width: 492px; }
.container .ten.columns  { width: 550px; }
.container .eleven.columns{ width: 608px; }
.container .twelve.columns{ width: 667px; }
.container .thirteen.columns{ width: 725px; }
.container .fourteen.columns{ width: 783px; }
.container .fifteen.columns { width: 841px; }
.container .sixteen.columns { width: 930px; margin-left:15px;margin-right:15px; padding: 0;}
.container .sixteen.columns .sixteen.columns {margin:0;padding:0;}
.container .one-third.column{ width: 260px; }
.container .two-thirds.column{ width: 550px; }
/* Offsets */
.container .offset-by-one{ padding-left: 50px;  }
.container .offset-by-two{ padding-left: 110px; }
.container .offset-by-three { padding-left: 170px; }
.container .offset-by-four{ padding-left: 230px; }
.container .offset-by-five{ padding-left: 190px; }
.container .offset-by-six{ padding-left: 350px; }
.container .offset-by-seven { padding-left: 410px; }
.container .offset-by-eight { padding-left: 470px; }
.container .offset-by-nine{ padding-left: 530px; }
.container .offset-by-ten{ padding-left: 590px; }
.container .offset-by-eleven{ padding-left: 650px; }
.container .offset-by-twelve{ padding-left: 710px; }
.container .offset-by-thirteen{ padding-left: 770px; }
.container .offset-by-fourteen{ padding-left: 830px; }
.container .offset-by-fifteen{ padding-left: 890px; }

/* #Tablet (Portrait)
================================================== */
@media all and (min-width: 768px) and (max-width: 959px) 
{
.container{width: 768px;}
.container .column,.container .columns{ margin-left: 5px; margin-right: 5px; padding: 0 10px; }
.column.alpha, .columns.alpha{ margin-left: 0; margin-right: 5px; }
.column.omega, .columns.omega{ margin-right: 0; margin-left: 5px; }
.alpha.omega { margin-left: 0; margin-right: 0; }
.container .one.column,.container .one.columns  { width: 16px; }
.container .two.columns  { width: 63px; }
.container .three.columns{ width: 109px; }
.container .four.columns { width: 156px; }
.container .five.columns { width: 203px; }
.container .six.columns  { width: 250px; }
.container .seven.columns{ width: 296px; }
.container .eight.columns{ width: 343px; }
.container .nine.columns { width: 390px; }
.container .ten.columns  { width: 437px; }
.container .eleven.columns{ width: 483px; }
.container .twelve.columns{ width: 530px; }
.container .thirteen.columns{ width: 577px; }
.container .fourteen.columns{ width: 624px; }
.container .fifteen.columns { width: 670px; }
.container .sixteen.columns { width: 748px; margin-left: 10px;margin-right:10px; padding: 0;}
.container .one-third.column{ width: 203px; }
.container .two-thirds.column{ width: 437px; }
/* Offsets */
.container .offset-by-one{ padding-left: 38px; }
.container .offset-by-two{ padding-left: 86px; }
.container .offset-by-three { padding-left: 134px; }
.container .offset-by-four{ padding-left: 182px; }
.container .offset-by-five{ padding-left: 230px; }
.container .offset-by-six{ padding-left: 278px; }
.container .offset-by-seven { padding-left: 326px; }
.container .offset-by-eight { padding-left: 374px; }
.container .offset-by-nine{ padding-left: 442px; }
.container .offset-by-ten{ padding-left: 470px; }
.container .offset-by-eleven{ padding-left: 518px; }
.container .offset-by-twelve{ padding-left: 566px; }
.container .offset-by-thirteen{ padding-left: 614px; }
.container .offset-by-fourteen{ padding-left: 662px; }
.container .offset-by-fifteen{ padding-left: 710px; }
}

/* #Mobile (Landscape)
================================================== */
@media all and (min-width: 480px) and (max-width: 767px)
{
.container { width: 420px; }
.container .columns,.container .column { margin: 0; padding: 0; }
.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column { width: 420px; margin:0; }
}

/*  #Mobile (Portrait)
================================================== */
@media all and (max-width: 479px) 
{
.container { width: 300px; padding: 0; }
.container .columns,.container .column { margin: 0 auto; padding: 0;}
.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column { width: 300px; margin:0;}
/* Offsets */
.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen { padding-left: 0; }
}
.simplified .container{width: 100% !important; padding:0 !important;}
.simplified .container > *{width: auto !important; padding:0 30px!important;margin:5px 0 0 !important;}
/* #Clearing
================================================== */
/* Self Clearing*/
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
.clearfix:before,.clearfix:after,.row:before,.row:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.row:after,.clearfix:after{clear: both;}
.row,.clearfix {zoom: 1;}
/* You can also use a <br class="clear" /> to clear columns */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/*Float and align classes*/
.float-left{float:left;}
.float-right{float:right;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.transition {-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
